<template xmlns="http://www.w3.org/1999/html">
<div>

  <!-- Header Area Starts -->
  <header class="header-area single-page" style="height: 180px">
    <div class="header-top">
      <div>
        <div class="row">
          <div class="col-lg-12" style="margin-left: 505px">
            <div class="logo-area">
              <img style="width: 171px;height: 115px;margin-left: -476px" src="static/assets/images/a24.jpg" alt="logo">
              <span style="margin-left: 327px;font-size: 20px;color:#87c109">
                Phone: &nbsp;<a  style="color:#87c109" href="tel:+66 902349635">+66 902349635</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Email: &nbsp;<a  style="color:#87c109" href="mailto:Sales@HMextract.com"target="_blank">Sales@HMextract.com</a>
              </span>
              <div style="margin-left: 617px;margin-top: -111px">
                <input style="outline: none;width: 220px;height: 40px;border: 1px solid #ccc;margin: 10px 0;border-radius: 8px;" type="search" name="text" placeholder="Search...">
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xl-12" style="margin-left: -361px;margin-top: 40px">
            <div class="main-menu main-menu-light">
              <ul>
                <span>
                  <li class="active"><router-link to="/">Home</router-link></li>
                </span>
                <li><router-link to="/supercritical-co2-extractors">Supercritical CO2 Extractor</router-link></li>
                <li><router-link to="/">Cryogenic Ethanol Extraction</router-link></li>
                <li><a href="#">Butane Closed Loop Extractor</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-title text-center">
      <div class="container">
        <div class="row">
          <div class="col-md-6 offset-md-3">
            <div class="logo-area">

            </div>
          </div>
        </div>
      </div>
    </div>
  </header>

  <!-- Header Area End -->
  <div style="width: 100%">
  <section class="feature-area section-padding2">
    <div id="demo" class="carousel slide" data-ride="carousel">

      <!-- 指示符 -->
      <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
      </ul>

      <!-- 轮播图片 -->
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img style="width: 100%;height: 450px" decoding="async" src="static/assets/images/a3.png">
        </div>
        <div class="carousel-item">
          <img style="width: 100%;height: 450px" decoding="async" src="static/assets/images/a23.png">
        </div>
      </div>
    </div>
  </section>
</div>

<router-view></router-view>

  <!-- Footer Area Starts -->
  <footer class="footer-area section-padding"style="background:white">
    <div class="footer-widget">
      <div class="container">
        <div class="row">
          <div class="col-xl-12 col-lg-3">
            <div class="single-widget-home mb-5 mb-lg-0">
              <div style="margin-left: 400px;margin-top: -90px"><H3 style="color:#87c109">Hemp Master Co., Ltd.</H3></div>
            </div>
          </div>
          <div class="col-xl-8 offset-xl-1 col-lg-6">
            <div class="single-widget-home mb-5 mb-lg-0">
              <div style="margin-left: 237px;margin-top: -33px;width: 800px"><h5 style="color:#87c109">Address: 61/215 Moo 6, SaoThongHin, Bangyai, Nonthaburi 11140, Thailand</h5></div>
            </div>
          </div>
          <div class="col-xl-3 offset-xl-1 col-lg-3">
            <div class="single-widge-home">
              <div style="margin-left: 308px;margin-top: 30px;">
                <h5 style="color:#87c109">Email:&nbsp;<a style="text-decoration: underline;color:#87c109 " href="mailto:Sales@HMextract.com">Sales@HMextract.com</a></h5>
              </div>
            </div>
          </div>
          <div class="col-xl-6 offset-xl-1 col-lg-3">
            <div class="single-widge-home">
              <div style="margin-left: 177px;margin-top: 30px;">
                <h5 style="color:#87c109">Phone:&nbsp;<a style="text-decoration: underline;color:#87c109" href="tel:+66 902349635">+66 902349635</a></h5>
              </div>
            </div>
          </div>
          <div class="col-xl-6 offset-xl-1 col-lg-3">
            <div class="single-widge-home">
              <div style="margin-left: -73px;margin-top: -154px;">
                <img style="width: 200px;height: 150px" src="static/assets/images/a24.jpg">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-6">

          </div>
          <div class="col-lg-4 col-md-6">
            <div class="social-icons">

            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Footer Area End -->


</div>
</template>
<script>
export default {
  name: 'app'
}
</script>
<style>
.logo-area{

}
</style>

